<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<title>霞客约车后台管理</title>
	<meta name="decorator" content="blank"/>
	<style type="text/css">

    	body{height: 100%;width: 100%;}
      	.form-signin{position:relative;text-align:left;width:350px;padding:30px 40px;margin:0 auto 20px;background-color:#fff;border:1px solid #e5e5e5;
        	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05);}
      	.form-signin .checkbox{margin-bottom:10px;color:#0663a2;}
      	.form-signin .input-label{font-size:16px;line-height:23px;color:#999;}
      	.form-signin .input-block-level{font-size:16px;height:auto;width:240px;margin-bottom:0 !important;border: 0 !important;
      	box-shadow: none !important;line-height: 32px;width: 100%;padding-left: 50px;}
      	.form-signin .btn.btn-large{font-size:16px;}
      	.form-signin #themeSwitch{position:absolute;right:15px;bottom:10px;}
      	.form-signin div.validateCode {padding-bottom:15px;width:100%;float: left;margin-top: 15px;} 
      	#validateCode{width: 150px !important;}
      	.mid{vertical-align:middle;}
      	.header{width:100%;float: left;}
      	 .alert{position:absolute;width:300px;margin:0 auto;padding-bottom:0px;left: 50%;margin-left: -175px;}
      	label.error{background:none;width:270px;font-weight:normal;color:inherit;margin:0;}
     	.left {float: left;} .navbar-inner .brand{font-family:Helvetica, Georgia, Arial, sans-serif, 黑体;font-size:36px;}
      	.img_icon{width:18px;height:20px;}
      	.htgl_main{width: 1200px;margin: 0 auto;}
      	.hthl_left{float: left;}
      	.htgl_main img{float: left;margin-top:28px;}
      	.htgl_main h3{float: left;color: #333;padding: 29px 0;margin-left: 15px;font-size: 26px;font-weight: 500;line-height: 42px;}
      	.htgl_body{
      		width: 100%;
      		height: 600px;
      		float: left;
      		background: url(${ctxStatic}/images/banner_ht.jpg) no-repeat;
      	}
      	.form-signin{margin-top:120px;}
      	.htgl_footer{float: left;width: 100%;margin-top: 30px;}
      	.htgl_footer p{
      		width: 1000px;
      		margin: 30px auto;
      		font-size: 16px;
      		padding: 15px;
      		text-align: center;
      		border: 1px solid #ccc;
      	}
      	.btn-block{width: 50% !important; margin: 0 auto;}
      	.input-block-level{
      		width: 250px;
      	}
      	.labe_lists{
      		width: 100%;
      		float: left;
      		border: 1px solid #ccc;
      		position: relative;
      		}
      		.btn-primary{
      			height: 36px !important;
      			background: #16C59B !important;	
      			padding: 0 !important;
      		}
      		.labe_lists img{position: absolute;left: 10px;top: 10px;}
      		input:-webkit-autofill{
      			box-shadow: 3px 5px 100px #fff inset;
      			background: rgb(255,255,255) !important;
      			 }
      			 input[placeholder] {
                   color:#d1d6d !important;
                 }
    </style>
	<script type="text/javascript">
		$(document).ready(function() {
			$("#loginForm").validate({
				submitHandler: function(form){
					loading('正在登录，请稍等...');
					form.submit();
				},
				rules: {
					validateCode: {remote: "${pageContext.request.contextPath}/servlet/validateCodeServlet"}
				},
				messages: {
					username: {required: "请填写用户名..."},password: {required: "请填写密码..."},
					validateCode: {remote: "验证码不正确.", required: "请填写验证码."}
				},
				errorLabelContainer: "#messageBox",
				errorPlacement: function(error, element) {
					error.appendTo($("#loginError").parent());
				} 
			});
		});
		// 如果在框架或在对话框中，则弹出提示并跳转到首页
		if(self.frameElement && self.frameElement.tagName == "IFRAME" || $('#left').length > 0 || $('.jbox').length > 0){
			alert('未登录或登录超时。请重新登录，谢谢！');
			top.location = "${ctx}";
		}
	</script>
</head>
<body>
<%-- 	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="navbar-inner">
			<div class="brand">
				<img class="img-circle" src="${ctxStatic}/images/logo.png" style="width:60px;height:60px;"/>
				<span style="color:#38b895;">${fns:getConfig('productName')}</span>
			</div>
		</div>
	</div> --%>
	<div class="header">
		<div id="messageBox" class="alert alert-error ${empty message ? 'hide' : ''}">
			<label id="loginError" class="error">${message}</label>
		</div>
		<div class="htgl_main">
		    <div class="hthl_left">
		     	 <img src="${ctxStatic}/images/logo_ht.png"/>
		     	 <h3>包车客运业务管理平台</h3>
		    </div>
		</div>
	</div>
	<!--[if lte IE 6]><br/><div class='alert alert-block' style="text-align:left;padding-bottom:10px;"><a class="close" data-dismiss="alert">x</a><h4>温馨提示：</h4><p>你使用的浏览器版本过低。为了获得更好的浏览体验，我们强烈建议您 <a href="http://browsehappy.com" target="_blank">升级</a> 到最新版本的IE浏览器，或者使用较新版本的 Chrome、Firefox、Safari 等。</p></div><![endif]-->
	<div class="htgl_body">
	<form id="loginForm" class="form-signin" action="${ctx}/login" method="post">
		<p style="font-size: 16px;">登录</p>
		<div class="labe_lists">
			<img src="${ctxStatic }/images/zh_ht.png" class="left img_icon"/>
		    <input type="text" id="username" name="username" class="input-block-level required left" value="${username}" placeholder="请输入用户名" autocomplete="off">
		</div>
		<div class="labe_lists" style="border-top: none;">
		<img src="${ctxStatic }/images/mm_ht.png" class="left img_icon"/>
		<input type="password" id="password" name="password" class="input-block-level required left" placeholder="请输入用户密码" autocomplete="off">
	   </div>
		<c:if test="${isValidateCodeLogin}">
			<div class="validateCode" class="left">
				<label class="input-label mid" for="validateCode">验证码</label>
				<sys:validateCode name="validateCode" inputCssStyle="margin-bottom:0;"/>
			</div>
		</c:if>
		<div style="padding:10px 5px 10px 5px;width: 100%;float: left;margin-top: 5px;">
			<label for="rememberMe" title="下次不需要再登录"><input type="checkbox" id="rememberMe" name="rememberMe" ${rememberMe ? 'checked' : ''}/> 记住我（公共场所慎用）</label>
			<%-- <a href="${ctxFront }/realsche/register">没有账号？免费注册</a> --%>
		</div>
		<div style="clear:both;height: 26px;"></div>
		<input class="btn btn-large btn-primary btn-block" type="submit" value="登 录"/>
	</form>
	</div>
	<div class="htgl_footer">
			    <p>Copyright © 2015-2016 霞客约车-Powered By江苏热派网络科技有限公司V1.0<苏ICP备16039001号-1> </p>
	</div>
</body>
</html>
